<script>
	export default {
		onLaunch: function() {
			console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！')
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	@import '@/uni_modules/uni-scss/index.scss';
	/* #ifndef APP-NVUE */
	@import '@/static/customicons.css';
	// 设置整个项目的背景色
	page {
		background-color: #f5f5f5;
	}
	button[type='primary']{
		background-color: #2cbfac;
		box-shadow:7px 5px 7px 3px #686868;
		color:white;
		font-weight: 700;
	}
	.button-hover[type='primary'] {
		background-color: darken(#2cbfac,5%) !important;
		box-shadow:7px 5px 7px 3px #0d0d0d;
	} 
	/* #endif */
	.example-info {
		font-size: 14px;
		color: #333;
		padding: 10px;
		
	}
	.container{
		background-image: url("@/static/background.jpg");
		opacity:0.8;
		filter:alpha(opacity=80);
	}
	.container-sub{
		opacity:0.8; 
		filter:alpha(opacity=80);
	}
	.grid-image{
		width:80rpx;
		height:80rpx;
		padding: 13rpx;
		border:6rpx solid #2cbfac;
		border-radius: 50rpx;
	}
	.uni-h5{
		font-weight: 700;
	}
	.grid-item-box{
		cursor:pointer;
		padding:0;
		max-width: 230rpx;
	}
	.grid-item-box:active{
		background-color: darken(#d3d3d3,20%);
		border-radius: 40%;
	}
</style>
